.contact-index {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0PX;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;

  .contact-body {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    .contact-company-info {
      width: 95%;
      margin-top: 10PX;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      .company-img {
        widows: 347PX;
        height: 200PX
      }

      .company-info {
        width: 90%;
        margin-top: 8PX;
        font-family: PingFangSC-Regular;
        font-size: 12Px;
        color: #4A4A4A;
        line-height: 22Px;
      }
    }

    .company-divider-line {
      width: 100%;
      height: 12PX;
      background-color: #F2F6FC;
    }

    .company-infomation {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;

      .compant-info-one {
        margin: 0 16PX;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 50PX;

        .row-info {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
        }

        .info-one-img {
          width: 21PX;
          height: 21PX;
        }

        .info-one-font {
          margin-left: 10PX;
          font-family: PingFangSC-Regular;
          font-size: 14Px;
          color: #333333;
        }
      }
    }
  }
}
